<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      /**
       * BOM
       *   浏览器对象模型
       *   BOM可以使我们通过js来操作浏览器
       *   在BOM中为我们提供了一组对象，用来完成对浏览器的操作
       *   BOM对象
       *     window
       *          -代表的是浏览器的窗口，同时window也是网页中的全局对象
       *     Navigator
       *          -代表当前浏览器信息，通过该对象可以识别不同的浏览器
       *           Navigator对象中的大部分属性已经不能识别浏览器了
       *           一般使用userAgent来判断浏览器的信息
       *              userAgent是一个字符串
       *              不同的浏览器有不同的userAgent
       *     Location
       *          -代表当前浏览器的地址栏信息
       *     History
       *          -代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录
       *              该对象不能获取到具体的历史记录
       *              只在当次访问有效
       *     Screen
       *         -代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关的信息
       *
       *
       *            可以通过window对象使用，也可以直接使用
       */
      console.log(navigator.userAgent);
    </script>
  </head>
  <body></body>
</html>
